<%
	Object o = session.getAttribute("cardNo");
	if(o == null){
		%>
			<script>
				alert("Can't access this page like this!");
				window.href.location = "index.html";
			</script>
		<%
	}
%>
<head>
	<script src="javascript/javascript.js"></script>
</head>
<body onload="">
<input type="hidden" name="txtProcess" value="filterCriteria" />
	<div style="width: 100%; height: 100%;">
		<div style="width: 30%; height: 100%; float: left;">
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 20px; left: 15px; color: white; background-color: green;">1 week ago</div><br />
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 65px; left: 15px; background-color: green; color: white;">1 month ago</div><br />
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 115px; left: 15px; background-color: green; color: white;">4 month ago</div>
		</div>
		<div style="width: 40%; height: 100%; float: left;">
			<center>
				<h3 style="color: green;">Choose time criteria<br />to view transaction<br />history</h3>
			</center>
		</div>
		<div style="width: 30%; height: 100%; float: right;">
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 20px; left: 140px; color: white; background-color: green;">6 month ago</div><br />
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 70px; left: 140px; color: white; background-color: green;">1 year ago</div><br />
			<div style="width: 85px; height: 25px; border: 1px solid green; position: relative; top: 115px; left: 140px; color: white; background-color: green;">2 year ago</div>
		</div>
	</div>
</body>